<template>
  <div>
    <v-charts :options="options"   style="width: 300px;height: 200px"/>
  </div>
</template>

<script>
import ECharts from 'vue-echarts/components/ECharts'
import 'echarts/lib/chart/radar'

export default {
  name: 'teacherResultRadar',
  components: {
    'v-charts': ECharts
  },
  props: {
    userName: {
      type: String,
      required: true
    },
  },
  data() {
    return {
      url:{
        list:""
      },
      options: {
        radar: {
          radius:60,
          shape: 'circle',
          center:['50%','50%'],
          indicator: [
            { name: '教学数量', max: 6500 },
            { name: '科研', max: 30000 },
            { name: '教学建设', max: 16000 },
            { name: '育人与服务', max: 38000 }
          ]
        },
        series: [{
          name: '教师雷达图',
          type: 'radar',
          data: [
            {
              value: [4200, 3000, 20000, 35000],
            }
          ]
        }]
      }
    }
  },
}
</script>

<style scoped>

</style>